<style type="text/css">
    .content{
        height: 1000px;
    }
    .title {
        font-size: 22px;
        margin-top: 30px;
        margin-left: 44%;
    }

    .row1{
        margin-left: 30%;
        font-size: 18px;
    }
    .row1 select{
        width: 200px;
        height: 40px;
        border-style: none;
        border: 1px solid #aaa;
        margin-left: 85px;
    }
    .humanpower,.produce,.fund{
        margin-top: 18px;
        margin-left: 120px;
        color: #0e90d2;
        font-size: 20px;
        font-weight: bold;
    }
    .table{
        width: 80%;
        margin-left: 127px;
        margin-top: 20px;
    }
    .table th,td{
        font-size: 17px;
       text-align: center;
        vertical-align: middle;
    }
    .loan{
        width: 90px;
        height: 30px;
        color: #fff;
        background-color: #5890AD;
        border-radius: 3px;
        text-align: center;
        line-height: 30px;
        margin-left: 2px;
        font-size: 14px;
        margin-top: 10px;
    }
    .fund1,.fund2{
        margin-top: 25px;
        margin-left: 20px;
        color: #000;
    }

    .btn {
        float: right;
        margin-top: 30px;
    }
    .saveBtn{
        width: 120px;
        height: 40px;
        background-color: #000;
        color: #fff;
        border-radius: 3px;
        border-style: none;
        margin-right: 200px;
        font-size: 18px;
    }

  .pre{
      position: relative;
      left: -25px;
      top: 1px;
  }
    .pre1{
        position: relative;
        left: 95px;
        top: 28px;
    }
    .preg0{
        width: 1px;
        height: 195px;
        background-color: #ccc;
        position:absolute;
        left: 350px;
    }

</style>

<ul class="nav nav-tabs">
    <li class="active"><a href="#year1" data-toggle="tab">第一年度</a></li>
    <li><a href="#year2" data-toggle="tab">第二年度</a></li>
    <li><a href="#year3" data-toggle="tab">第三年度</a></li>
</ul>

<div class="tab-content">
    <input id="year_id_hidden" type="hidden" value="1" />
    <div id="year1" class="tab-pane fade in active content" >
        <div class="title">
            <span>经营决策</span>
        </div>
        <div class="row1" style="margin-top: 20px;">
            <select id="selectgroup1">
                <option data-id="undefined">下拉选择公司 </option>
                <%for(i=0;i<dataGroup.length;i++){%>
                <option data-id="<%=dataGroup[i].mid%>"><%=dataGroup[i].group_name %></option>
                <%}%>
            </select>
        </div>
        <div class="humanpower">
            <span class="pre">  <img src="/images/blue-point.png"></span>
            <span>人力资源决策</span>
            <div class="preg0"></div>
        </div>
        <table class="table table-bordered  table1">
            <thead>
            <tr>
                <th rowspan="2" >设备配置</th>
                <th rowspan="2" >上年配置</th>
                <th colspan="3">今年配置增减情况</th>
                <th rowspan="2" >现有配置</th>
            </tr>
            <tr>
                <th>购买</th>
                <th>租赁</th>
                <th>停工</th>
            </tr>

            </thead>
            <tbody>
            <tr>
                <td>手工生产线</td>
                <td class="shougong0">1</td>
                <td class="shougong1" contentEditable="true"></td>
                <td class="shougong2" contentEditable="true"></td>
                <td class="shougong3" contentEditable="true"></td>
                <td class="shougong4" contentEditable="true"></td>

            </tr>
            <tr>
                <td>半自动生产线</td>
                <td class="shougong00">1</td>
                <td class="shougong11" contentEditable="true"></td>
                <td class="shougong22" contentEditable="true"></td>
                <td class="shougong33" contentEditable="true"></td>
                <td class="shougong44" contentEditable="true"></td>
            </tr>
            <tr>
                <td>全自动生产线</td>
                <td class="shougong000">1</td>
                <td class="shougong111" contentEditable="true"></td>
                <td class="shougong222" contentEditable="true"></td>
                <td class="shougong333" contentEditable="true"></td>
                <td class="shougong444" contentEditable="true"></td>
            </tr>
            </tbody>
        </table>


        <div class="produce">
            <span class="pre"> <img src="/images/orange-point.png" ></span>   <span>产线决策</span>
            <div class="preg0"></div>
        </div>
        <table class="table table-bordered  table1">
            <thead>
            <tr>
                <th rowspan="2">员工数</th>
                <th rowspan="2">上年员工数</th>
                <th colspan="3">本年人员增减情况</th>
                <th rowspan="2">现有人员</th>
            </tr>

            <tr>
                <th>招聘</th>
                <th>离职</th>
                <th>退休</th>
            </tr>
            </thead>
            <tbody>
            <tr>
                <td>销售人员</td>
                <td class="xiaoshou0">4</td>
                <td class="xiaoshou1" contentEditable="true"></td>
                <td class="xiaoshou2" contentEditable="true"></td>
                <td class="xiaoshou3" contentEditable="true"></td>
                <td class="xiaoshou4" contentEditable="true"></td>
            </tr>
            <tr>
                <td>生产工人</td>
                <td class="xiaoshou00">4</td>
                <td class="xiaoshou11" contentEditable="true"></td>
                <td class="xiaoshou22" contentEditable="true"></td>
                <td class="xiaoshou33" contentEditable="true"></td>
                <td class="xiaoshou44" contentEditable="true"></td>
            </tr>
            </tbody>
        </table>


        <div class="fund">
            <span class="pre"> <img src="/images/red-point.png"></span>     <span>筹资决策</span>
            <div class="preg0"></div>
            <div class="loan">贷款组合</div>
            <div class="fund1">
                <span>一年期</span>
                <input class="daikuan0" type="text">
                <span>万元</span>
            </div>

            <div class="fund2">
                <span>二年期</span>
                <input class="daikuan1" type="text">
                <span>万元</span>
            </div>
        </div>
        <span class="pre1"> <img src="/images/red-point.png"></span>
        <div class="btn">
            <input type="button" value="保存" class="saveBtn" id="btnSave1">
        </div>


    </div>
    <div id="year2" class="tab-pane fade content">
        <div class="title">
            <span>经营决策</span>
        </div>
        <div class="row1" style="margin-top: 20px;">
            <select id="selectgroup2">
                <option data-id="undefined">下拉选择公司 </option>
                <%for(i=0;i<dataGroup.length;i++){%>
                <option data-id="<%=dataGroup[i].mid%>"><%=dataGroup[i].group_name %></option>
                <%}%>
            </select>
        </div>
        <div class="humanpower">
            <span class="pre">  <img src="/images/blue-point.png"></span>
            <span>人力资源决策</span>
            <div class="preg0"></div>
        </div>


        <table class="table table-bordered  table1">
            <thead>
            <tr>
                <th rowspan="2" >设备配置</th>
                <th rowspan="2" >上年配置</th>
                <th colspan="3">今年配置增减情况</th>
                <th rowspan="2" >现有配置</th>
            </tr>

            <tr>
                <th>购买</th>
                <th>租赁</th>
                <th>停工</th>
            </tr>
            </thead>
            <tbody>
            <tr>
                <td>手工生产线</td>
                <td class="shougong0">1</td>
                <td class="shougong1" contentEditable="true"></td>
                <td class="shougong2" contentEditable="true"></td>
                <td class="shougong3" contentEditable="true"></td>
                <td class="shougong4" contentEditable="true"></td>

            </tr>
            <tr>
                <td>半自动生产线</td>
                <td class="shougong00">1</td>
                <td class="shougong11" contentEditable="true"></td>
                <td class="shougong22" contentEditable="true"></td>
                <td class="shougong33" contentEditable="true"></td>
                <td class="shougong44" contentEditable="true"></td>
            </tr>
            <tr>
                <td>全自动生产线</td>
                <td class="shougong000">1</td>
                <td class="shougong111" contentEditable="true"></td>
                <td class="shougong222" contentEditable="true"></td>
                <td class="shougong333" contentEditable="true"></td>
                <td class="shougong444" contentEditable="true"></td>
            </tr>
            </tbody>
        </table>


        <div class="produce">
            <span class="pre"> <img src="/images/orange-point.png" ></span>   <span>产线决策</span>
            <div class="preg0"></div>
        </div>
        <table class="table table-bordered  table1">
            <thead>
            <tr>
                <th rowspan="2">员工数</th>
                <th rowspan="2">上年员工数</th>
                <th colspan="3">本年人员增减情况</th>
                <th rowspan="2">现有人员</th>
            </tr>

            <tr>
                <th>招聘</th>
                <th>离职</th>
                <th>退休</th>
            </tr>
            </thead>
            <tbody>
            <tr>
                <td>销售人员</td>
                <td class="xiaoshou0">4</td>
                <td class="xiaoshou1" contentEditable="true"></td>
                <td class="xiaoshou2" contentEditable="true"></td>
                <td class="xiaoshou3" contentEditable="true"></td>
                <td class="xiaoshou4" contentEditable="true"></td>
            </tr>
            <tr>
                <td>生产工人</td>
                <td class="xiaoshou00">4</td>
                <td class="xiaoshou11" contentEditable="true"></td>
                <td class="xiaoshou22" contentEditable="true"></td>
                <td class="xiaoshou33" contentEditable="true"></td>
                <td class="xiaoshou44" contentEditable="true"></td>
            </tr>
            </tbody>
        </table>


        <div class="fund">
            <span class="pre"> <img src="/images/red-point.png"></span>     <span>筹资决策</span>
            <div class="preg0"></div>
            <div class="loan">贷款组合</div>
            <div class="fund1">
                <span>一年期</span>
                <input class="daikuan0" type="text">
                <span>万元</span>
            </div>

            <div class="fund2">
                <span>二年期</span>
                <input class="daikuan1" type="text">
                <span>万元</span>
            </div>
        </div>
        <span class="pre1"> <img src="/images/red-point.png"></span>
        <div class="btn">
            <input type="button" value="保存" class="saveBtn" id="btnSave2">
        </div>
    </div>
    <div id="year3" class="tab-pane fade content">
        <div class="title">
            <span>经营决策</span>
        </div>
        <div class="row1" style="margin-top: 20px;">
            <select id="selectgroup3">
                <option data-id="undefined">下拉选择公司 </option>
                <%for(i=0;i<dataGroup.length;i++){%>
                <option data-id="<%=dataGroup[i].mid%>"><%=dataGroup[i].group_name %></option>
                <%}%>
            </select>
        </div>
        <div class="humanpower">
            <span class="pre">  <img src="/images/blue-point.png"></span>
            <span>人力资源决策</span>
            <div class="preg0"></div>
        </div>


        <table class="table table-bordered  table1">
            <thead>
            <tr>
                <th rowspan="2" >设备配置</th>
                <th rowspan="2" >上年配置</th>
                <th colspan="3">今年配置增减情况</th>
                <th rowspan="2" >现有配置</th>
            </tr>

            <tr>
                <th>购买</th>
                <th>租赁</th>
                <th>停工</th>
            </tr>
            </thead>
            <tbody>
            <tr>
                <td>手工生产线</td>
                <td class="shougong0">5</td>
                <td class="shougong1" contentEditable="true"></td>
                <td class="shougong2" contentEditable="true"></td>
                <td class="shougong3" contentEditable="true"></td>
                <td class="shougong4" contentEditable="true"></td>

            </tr>
            <tr>
                <td>半自动生产线</td>
                <td class="shougong00"></td>
                <td class="shougong11" contentEditable="true"></td>
                <td class="shougong22" contentEditable="true"></td>
                <td class="shougong33" contentEditable="true"></td>
                <td class="shougong44" contentEditable="true"></td>
            </tr>
            <tr>
                <td>全自动生产线</td>
                <td class="shougong000"></td>
                <td class="shougong111" contentEditable="true"></td>
                <td class="shougong222" contentEditable="true"></td>
                <td class="shougong333" contentEditable="true"></td>
                <td class="shougong444" contentEditable="true"></td>
            </tr>
            </tbody>
        </table>


        <div class="produce">
            <span class="pre"> <img src="/images/orange-point.png" ></span>   <span>产线决策</span>
            <div class="preg0"></div>
        </div>
        <table class="table table-bordered  table1">
            <thead>
            <tr>
                <th rowspan="2">员工数</th>
                <th rowspan="2">上年员工数</th>
                <th colspan="3">本年人员增减情况</th>
                <th rowspan="2">现有人员</th>
            </tr>

            <tr>
                <th>招聘</th>
                <th>离职</th>
                <th>退休</th>
            </tr>
            </thead>
            <tbody>
            <tr>
                <td>销售人员</td>
                <td class="xiaoshou0"></td>
                <td class="xiaoshou1" contentEditable="true"></td>
                <td class="xiaoshou2" contentEditable="true"></td>
                <td class="xiaoshou3" contentEditable="true"></td>
                <td class="xiaoshou4" contentEditable="true"></td>
            </tr>
            <tr>
                <td>生产工人</td>
                <td class="xiaoshou00"></td>
                <td class="xiaoshou11" contentEditable="true"></td>
                <td class="xiaoshou22" contentEditable="true"></td>
                <td class="xiaoshou33" contentEditable="true"></td>
                <td class="xiaoshou44" contentEditable="true"></td>
            </tr>
            </tbody>
        </table>


        <div class="fund">
            <span class="pre"> <img src="/images/red-point.png"></span>     <span>筹资决策</span>
            <div class="preg0"></div>
            <div class="loan">贷款组合</div>
            <div class="fund1">
                <span>一年期</span>
                <input class="daikuan0" type="text">
                <span>万元</span>
            </div>

            <div class="fund2">
                <span>二年期</span>
                <input class="daikuan1" type="text">
                <span>万元</span>
            </div>
        </div>
        <span class="pre1"> <img src="/images/red-point.png"></span>
        <div class="btn">
            <input type="button" value="保存" class="saveBtn" id="btnSave3">
        </div>
    </div>
</div>
